<template>
<div>
      <OrderTitle></OrderTitle>
      <OrderAddress></OrderAddress>
      <OrderTable @getChild="parent" ></OrderTable>                  
      <OrderPrice :resultss="orderFather" :key="1"></OrderPrice>
</div>

</template>

<script>
import OrderTitle from "@/components/OrderTitle.vue";
import OrderAddress from '@/components/OrderAddress.vue';
import OrderTable from '@/components/OrderTable.vue';
import OrderPrice from '@/components/OrderPrice.vue';
export default {
    name:"Order",
    data() {
        return {
            orderFather: [],
        };
    },
    methods: {
      parent(results) {
        this.orderFather = results
        this.$bus.$emit("payDetails",this.orderFather)
      },
    },
    components:{
        OrderTitle,
        OrderAddress,
        OrderTable,
        OrderPrice
    }
}
</script>

<style>

</style>